.body{
	width: 100vw;
	height: calc(100vh);
	background-color: #ebebeb;/* 设置背景颜色 */
}
/*消息区域*/
.message{
	background-color: #ebebeb;
	height: calc(100vh - 128rpx);
}
/* 用户消息 */
.left{
	display: block;
	float: left;
	width: 100%; 
	margin: 20rpx 0
}
.left-userimg{ 
	float: left;
	margin-left: 40rpx;
}
.left-usertext{
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 8rpx;
	max-width: 560rpx;
	float: left;
	margin-top: 4rpx;
	margin-left: -10rpx;
	padding: 8rpx 8rpx;
}
.left-chat-icon{
	width:0;
	height:0;
	border-width: 10px;
	border-style: solid;
	border-top-color:transparent;
	border-right-color:#fff;
	border-bottom-color:transparent;
	border-left-color:transparent;
	float: left;
	margin-top: 10rpx;
}
/* 自己的消息 */
.right{
	display: block;
    float: right;
    width: 100%;
	margin: 20rpx 0;
}
.right-userimg{
	float: right;
	margin-right: 40rpx;
}
.right-usertext{
	border: 1px solid #fff;
    background-color: #fff;
    border-radius: 8rpx;
    max-width: 560rpx;
    float: right;
	margin-top: 4rpx;
    margin-right: -10rpx;
	padding: 8rpx 8rpx;
}
.right-chat-icon{
	width:0;
	height:0;
	border-width: 10px;
	border-style: solid;
	border-top-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:#fff;
	float: right;
	margin-top: 10rpx;
}
/* 底部导航栏样式 */
.bottom{
	width: 100vw;
	background-color: #fff;
	height: 100rpx;
	position: fixed;
	bottom: 0rpx;
	border-top: 1px solid #fff;
	z-index: 99;
}
.input{
	display: inline-block;
    width: 560rpx;
    margin-top: 8rpx;
    margin-left: 42rpx;
}
.input-input{
	height: 30rpx;
	border: 1px solid #ebebeb;
	font-size: 28rpx;
}
.myuserbutton{
	display: inline-block;
	width: 100rpx;
	height: 46rpx;
	font-size: 18rpx;
	background-color: #5ac725;
	color: #fff;
    margin-left: 12rpx;
}
